<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>Document</title>
	<link rel="stylesheet" href="../S.css" />
	<script type="text/javascript" src="../../jquery.min.js"></script>
	<script type="text/javascript" src="../S.js"></script>
	
	<script type="text/javascript">
		$(function() {
		 	var form =  new S.Form(document.forms[0]);
			$('#submitform').click(function() {
				form.submit();
			});
			new S.Tab('.tabs');
		});
	</script>
</head>
<body>
	<div class="toolbar" style="position: fixed;width:100%;top:0;z-index:999;">
			<span class="btn" id="submitform"><a class="icons plus"></a> 增加</span><a class="btn"><span class="icons cross"></span> 删除</a><a class="btn"><span class="icons email"></span> 更新</a>
	</div>
	<div class="content" style="margin-top: 30px;">
		<div>
			<ul class="tabs">
				<li url="tab_form2.html">表单</li>
				<li>表格</li>
				<li url="">又是表单</li>
				<li style="clear:right;">又是表格</li>
			</ul>
			<div class="tabcontent">
				<form action="" style="position:relative;">
					<div class="legend" style="max-width:800px">基本信息11111111</div>
					<table width="800">
						<tr>
							<td width="100px">	用户名：</td>	
							<td> <input type="text" check="required"/> <a class="icons lightbulb help" tips="这里请输入您的大名"></a></td>
						</tr>
						<tr>
							<td width="100px">	年龄：</td>	
							<td> <input type="text" check="number"/> <a class="icons lightbulb" tips="只能输入数字"></a></td>
						</tr>
						<tr>
							<td width="100px">	Email：</td>	
							<td> <input type="text" check="email" id="x1" errmsg="请输入正确的邮箱格式"/> <a class="icons lightbulb" tips="亲，留个邮箱地址啊"></a></td>
						</tr>
						<tr>
							<td width="100px">	IP：</td>	
							<td> <input type="text" check="ipv4"/> <a class="icons lightbulb"></a></td>
						</tr>
						<tr>
							<td width="100px">	固定长度4：</td>	
							<td> <input type="text" check="length(4)"/> <a class="icons lightbulb"></a></td>
						</tr>
						<tr>
							<td width="100px">	QQ(纯数字)：</td>	
							<td> <input type="text" check="digit" /> <a class="icons lightbulb"></a></td>
						</tr>
						<tr>
							<td width="100px">	min：</td>	
							<td><input type="text" check="min(6)"></td>
						</tr>
						<tr>
							<td width="100px">	日期：</td>	
							<td><input type="text" datetype="yyyy-MM-dd hh:mm:ss" value="1987-10-10 10:12:39" ></td>
						</tr>
						<tr>
							<td width="100px">	max：</td>	
							<td><input type="text" check="max(6)"></td>
						</tr>
						<tr>
							<td width="100px">	6-10：</td>	
							<td><input type="text" check="range(6,10)"  ></td>
						</tr>
						<tr>
							<td width="100px">	minlen 6：</td>	
							<td><input type="text" check="minlen(6)"></td>
						</tr>
						<tr>
							<td width="100px">	max 6：</td>	
							<td><input type="text" check="maxlen(6)"  errmsg="最大长度6"  ></td>
						</tr>
						<tr>
							<td width="100px">	rangelength 6-10：</td>	
							<td><input type="text" check="rangelength(6,10)"></td>
						</tr>
						<tr>
							<td width="100px">	regex：</td>	
							<td><input type="text" id="cc" check="regex(^111\d111$)"></td>
						</tr>
						<tr>
							<td width="100px">	regex：</td>	
							<td><input type="text" check="equalTo(#cc)"></td>
						</tr>
						<tr>
							<td width="100px">	选择框：</td>	
							<td><select check="required" id="CCCCC">
								<option value="">s </option>
								<option>s</option>
								<option>s</option>
								<option>s</option>
								<option>s</option>
								<option>s</option>
							</select></td>
						</tr>
						<tr>
							<td width="100px">	regex：</td>	
							<td>
							<label>是<input type="radio" name="a1"></label>
							<label>不是<input type="radio" name="a1"></label>
							<label>还不是<input type="radio" name="a1"></label>
							<label>就不是<input type="radio" name="a1"></label>
							</td>
						</tr>
						<tr>
							<td width="100px">	regex：</td>	
							<td>
							<label>是<input type="checkbox" name="a2"></label>
							<label>不是<input type="checkbox" name="a2"></label>
							<label>还不是<input type="checkbox" name="a2"></label>
							<label>就不是<input type="checkbox" name="a2"></label>
							</td>
						</tr>
					</table>
				</form>
			</div>
		</div>
	</div>
</body>
</html>